<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <base href="#{request.contextPath}/" />
        <title><h:outputText value="Society - Perfil de #{usuarioMB.us.nome}" /></title>
        <link type="text/css" href="css/home.css" rel="stylesheet" />
    </h:head>
    <h:body>
        <p:layout id="layout" fullPage="true" >
            <p:layoutUnit position="north" size="130" resizable="false" styleClass="layoutUnit" >
                <p:panel id="title">
                    <p:graphicImage value="css/img/logo8.png" id="logo" alt="imagem titulo" styleClass="logo"/>
                </p:panel>
            </p:layoutUnit>
            <p:layoutUnit position="south" size="10" resizable="false" styleClass="layoutUnit">  
                <p:panel style="border-top: solid 3px white">
                    
                </p:panel>
            </p:layoutUnit>
            <p:layoutUnit id="west" position="west" size="20%" resizable="false" styleClass="layoutUnit" >
                <p:panel id="personal" >
                    <h:outputLabel value="#{usuarioMB.us.mensagem}"  title="Mensagem do perfil" />
                    <br />
                    <p:graphicImage width="128px" height="128px" value="#{usuarioMB.us.fotoPerfil}" id="photoProfile" />
                    <br />
                    <h:outputLabel value="#{usuarioMB.us.nome} #{usuarioMB.us.sobrenome}" />
                    <br />
                    <h:outputLabel value="#{usuarioMB.us.dataNasc}" />
                    <br />
                    <h:outputLink value="j_spring_security_logout" styleClass="usuario_conteudo">Logout</h:outputLink>
                    <br />
                    <h:outputLabel value="#{usuarioMB.us.cidade}" />
                    <br />
                    <h:outputLabel value="#{usuarioMB.us.estado} - #{usuarioMB.us.pais}" />
                </p:panel>
            </p:layoutUnit>
            <p:layoutUnit id="east" position="east" resizable="false" size="20%" styleClass="layoutUnit">
                <h:outputLabel value="teste" />
            </p:layoutUnit>
            <p:layoutUnit id="center" position="center" resizable="false" size="60%" styleClass="layoutUnit">
                <p:panel id="body" >

                    <p:panel id="links" >
                        <h:link value="Home" outcome="home" />
                        <h:link value="Profile" outcome="home" />
                        <h:link value="Albums" outcome="home" />
                        <h:link value="Messages" outcome="home" />
                    </p:panel>
                </p:panel>
            </p:layoutUnit>
        </p:layout>
        <!--        <p:layout fullPage="true">  
        
                    <p:layoutUnit position="north" size="100" resizable="false" styleClass="layoutUnit" >  
                        <p:panel id="title">
                            <p:graphicImage value="css/img/logo8.png" id="logo" alt="imagem titulo" styleClass="logo"/>
                        </p:panel>
                    </p:layoutUnit>  
        
                    <p:layoutUnit position="south" size="100" resizable="false" styleClass="layoutUnit">  
                        <h:outputText value="South unit content." />  
                    </p:layoutUnit>  
        
                    <p:layoutUnit position="west" size="200" resizable="false" styleClass="layoutUnit">  
                        <p:panel id="personal" >
                            <h:outputLabel value="#{usuarioMB.us.mensagem}"  title="Mensagem do perfil" />
                            <br />
                            <p:graphicImage width="128px" height="128px" value="#{usuarioMB.us.fotoPerfil}" id="photoProfile" />
                            <br />
                            <h:outputLabel value="#{usuarioMB.us.nome} #{usuarioMB.us.sobrenome}" />
                            <br />
                            <h:outputLink value="#{request.contextPath}/j_spring_security_logout" styleClass="usuario_conteudo">Logout</h:outputLink>
                            <br />
                            <h:outputLabel value="#{usuarioMB.us.cidade}" />
                            <br />
                            <h:outputLabel value="#{usuarioMB.us.estado} - #{usuarioMB.us.pais}" />
                        </p:panel> 
                    </p:layoutUnit>  
        
                    <p:layoutUnit position="east" size="200" resizable="false" styleClass="layoutUnit">  
                        <h:outputLabel value="teste" /> 
                    </p:layoutUnit>  
        
                    <p:layoutUnit position="center" resizable="false" styleClass="layoutUnit">  
                        <p:panel id="body" >
        
                            <p:panel id="links" >
                                <h:link value="Home" outcome="home" />
                                <h:link value="Profile" outcome="home" />
                                <h:link value="Albums" outcome="home" />
                                <h:link value="Messages" outcome="home" />
                            </p:panel>
                        </p:panel>
                    </p:layoutUnit>  
        
                </p:layout> -->
    </h:body>
</html>